<script>
	import TextImage from "./TextImage/TextImage.svelte";
	export let slogan;
	export let footer;
</script>

<main>
	<header>
		<h1>
			{slogan}
		</h1>
	</header>

	<article>
		<TextImage />
	</article>

	<footer>{footer}</footer>
</main>

<style>
	h1 {
		text-align: center;
	}
	article {
		min-height: 320px;
	}
	footer {
		text-align: center;
		margin: 10px;
	}
</style>
